@charset "utf-8";
/*!*  5web by @巨川网络 - http://wwww.juchuanwl.com */
body {background-color: #fee440;}
svg {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: -1;}
@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
.out-top {
    animation: rotate 20s linear infinite;
    transform-origin: 13px 25px;
}
.in-top {
    animation: rotate 10s linear infinite;
    transform-origin: 13px 25px;
}
.out-bottom {
    animation: rotate 25s linear infinite;
    transform-origin: 84px 93px;
}
.in-bottom {
    animation: rotate 15s linear infinite;
    transform-origin: 84px 93px;
}

.ui-text-indent{text-indent:2em;}

.ui-box-shadow{box-shadow: 0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);}

.width{width:1280px;margin:30px auto; background:rgba(255, 255, 255, 0.88);box-shadow: 0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);border-radius:20px;padding:20px;}

.header{padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;height:100px;}
.header .logo{margin-right:20px;max-width:600px;}
.header .logo img{max-width:100%;max-height:100px;}
.header .hotline{display:flex;justify-content:flex-end;align-items:center;}
.header .hotline .icon{padding-right:10px;}
.header .hotline .icon i{font-size:48px;color:#ffc107;}
.header .hotline .text .ui-text-gray{font-size:15px;line-height:normal;}
.header .hotline .text .telphone{font-size:28px;color:#4caf50;font-family:'Impact';}
.header .navbar{padding-right:20px;display:none;z-index:999;}

/* .menu .ui-nav{border-radius:10px 10px 0 0;}
.menu .ui-nav-bg-green ul li.active a {border-radius:10px 10px 0 0;}
.menu .ui-nav ul li ul li.active a {border-radius:0;}
.menu .ui-nav ul li ul li a:hover{background:#19BE6B;color:#fff;} */

.nav{background:#fff;border-radius:10px 10px 0 0;box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);padding:10px;}
.ui-nav{justify-content:space-between;align-items:center;}
.ui-nav ul li{margin-right:10px;}
.ui-nav ul li a{color:#fff;font-size:16px;background:#19BE6B;border-radius:30px;box-shadow: rgba(0,0,0,.3) 0 -5px inset;transition:all 0.5s ease;}
.ui-nav ul li a:hover{color:#fff;box-shadow:none;}
.ui-nav ul li.active a{color:#fff;background:#f86f29;}
.ui-nav ul li ul{border:0;margin-top:5px;background:none;box-shadow:none;}
.ui-nav ul li ul li{margin-right:0;margin-bottom:5px;}
.ui-nav ul li ul li a,.ui-nav ul li.active ul li a{color:#fff;background:#19BE6B;padding:15px 20px 15px 35px;}
.ui-nav ul li ul li a:hover{color:#fff;background:#f86f29;}

.pc-banner{display:block;}
.m-banner{display:none;}
.banner{width:100%;background:#fff;}
.banner .ui-carousel-item a{display:block;width:100%;}
.banner .ui-carousel-item a img{}
.banner .ui-carousel-page{bottom:25px;z-index:100;}
.banner .ui-carousel-page li{height:10px;width:10px;border-radius:10px;transition:all 1s}
.banner .ui-carousel-page li.active{width:40px;}
.ui-carousel-prev,.ui-carousel-next{width:80px;z-index:11;}
.ui-carousel-prev-icon,.ui-carousel-next-icon{background:rgba(0,0,0,.2);width:60px;height:60px;padding:20px;border-radius:50%;font-size:24px;position:relative;}
.ui-carousel-next-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}
.ui-carousel-prev-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}
/* .banner{margin-top:10px;}
.banner .ui-carousel-item{border-radius:10px;}
.banner .ui-carousel-item img{border-radius:10px;}
.banner .ui-carousel-control{border-radius:10px;} */

.ui-seo{display:flex;background:#fff;padding:10px 20px;border-radius:0 0 10px 10px;box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);align-items:center;justify-content:space-between;}
.ui-seo .notice{display:flex;align-items:center;}
.ui-seo .notice i{color:#FA563A;margin-right:20px;}
.ui-seo .search{text-align:right;position:relative;}
.ui-seo .search input,.ui-seo .search button{vertical-align:middle;}
.ui-seo .search input{border:1px solid #eaeaea;height:40px;line-height:36px;padding:0 20px;width:240px;border-radius:20px;}
.ui-seo .search button{border:0;height:36px;line-height:30px;width:36px;background:#19BE6B;color:#fff;border-radius:50%;position:absolute;right:2px;top:2px;}

.subject{text-align:center;}
.subject h2{font-size:24px;color:#283a5e;margin:30px 0;position:relative;padding-bottom:18px;margin-bottom:24px;}
.subject h2:after{content:'';display:inline-block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:6px;width:40px;background:#ffa601;border-radius:3px}

.about{background:#19be6b;display:flex;border-radius:10px;padding:20px;box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);}
.about .desc{color:#fff;}
.about .desc p{font-size:15px;margin:10px 0 0 0;line-height:28px;}

.viewmore{text-align:center;}
.viewmore a{margin:25px auto;border:1px solid #26ae61;background:#fff;color:#26ae61;text-align:center;padding:10px 40px;display:inline-block;border-radius:30px;}
.viewmore a:hover{border-color:#ffa601;background:#ffa601;color:#fff;}

.news{display:flex;margin:40px 0 0 -1%;flex-wrap:wrap;}
.news-item{width:31%;margin:0 0 2% 2%;background:#fff;padding:20px;border-radius:10px;transition:all 0.5s ease;}
.news-item .list{background:#fff;padding:20px 10px 0 10px;}
.news-item .list ul{list-style:none;}
.news-item .list ul li{border-bottom:1px solid #f3f3f3;margin-bottom:15px;padding-bottom:10px;transition:all 0.5s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-item .list ul li i{color:#4caf50;margin-right:10px;}
.news-item .list ul li:hover{transform:translateX(10px);}

.position{padding:15px;}

.subnav{margin:10px 0 20px 0;}
.subnav ul{display:flex;justify-content:center;list-style:none;}
.subnav ul li{margin-left:10px;}
.subnav ul li a{display:block;background:#fff;padding:12px 22px;border-radius: 30px;box-shadow: 0 6px 12px 0 rgba(44,114,255,.18);transition:all 0.5s ease;}
.subnav ul li a:hover{background:#19BE6B;color:#fff;}
.subnav ul li.active a{background:#19BE6B;color:#fff;}

.html{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);background: #fff;border-radius:10px;padding:20px;}

.pro-list{}
.ui-piclist-image img{transition:all .5s;}
.ui-piclist-image:hover img{transform:scale(1.1);}

.ui-pro{overflow:visible;}
.ui-pro .ui-piclist-item{padding:8px 8px 2px 8px;margin-bottom:1.8%;/* box-shadow:0 0 12px rgba(0,60,179,.12); */transition:all .5s;border-radius:4px;}
.ui-pro .ui-piclist-item:hover{transform:translateY(-10px)}
.ui-pro .ui-piclist-image{overflow:hidden;}

.media{overflow:visible;}
.media .ui-piclist-item{padding:10px;margin-bottom:1.8%;transition: 0.5s linear 0s;background:#fff;border: 1px solid #ddd;border: 1px solid #eee;border-radius: 10px;}
.media .ui-piclist-item .ui-piclist-body p {line-height: 24px;font-size: 14px;color: #878787;overflow: hidden;}
.media .ui-piclist-body{padding: 0px;}
.media .ui-piclist-bar{display:block;margin-top: 10px; padding: 10px 0px 3px;border-top: 1px solid #eee;line-height: 30px;position: relative;transition: all .36s ease;}
.media .ui-piclist-bar:before {content: '';position: absolute;top: 0px;left: 0px;width: 0%;height: 1px;background:#4caf50;z-index: 1;transition: all .5s ease;}
.media .ui-piclist-item:hover a .ui-piclist-bar:before{width:100%;}
.media .ui-piclist-image{overflow:hidden;position: relative;}
.media .ui-piclist-image:hover img{transform:scale(1);}

.main_page{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);background:#fff;min-height:600px;position:relative;overflow:hidden;border-radius:10px;padding:20px;}

.main_page_wrap{margin:30px auto;padding:30px 20px;display:flex;}
/* .main_page_item{width:50%;} */
.main_page_item:first-child{text-align:center;}
.main_page_item img{max-width:100%;margin:0 auto;}
.main_page_item:first-child{padding-right:20px;width: 30%;}
.main_page_item:last-child{padding-left:20px;width: 70%;}
.main_page_item .name{color:#161c2d;font-size:30px;margin:15px 0;font-weight:bold;}
.main_page_item .desc{color:#8492a6;line-height:24px;}
.main_page_item ul{/* margin:30px 0 0 0; */list-style:none;}
.main_page_item ul li{line-height:40px;color:#8492a6;display:flex;}
.main_page_item ul li i{color:#07C160;margin-right:10px;font-size:24px;display:inline-block;margin-top:2px;}

.ui-pro-show{background:#F4F8FF;border-radius:10px;padding:20px;}
.ui-pro-show .ui-tabs-nav li.active a {color:#07C160;}
.ui-pro-show .ui-tabs-nav li:hover a{color:#07C160;}
.ui-pro-show .ui-tabs-white>.ui-tabs-nav li.active {background: #fff;border-top: 3px solid #07C160;border-radius: 4px 4px 0 0;}

.s-table .t-left{text-align:left;}
.s-table .t-img{width:200px;}

.faq .ui-card-header .ui-card-header-title {
    font-size: 17px;
    font-weight: 500;
    margin: 0;
    border-left: 2px solid #07C160;
    padding-left: 15px;
    flex: 1;
}

.ui-show-title{padding:15px 20px;}
.ui-show-title h1{font-size:32px;color:#1c1f21;line-height:40px;margin:8px 0;}
.ui-show-title div{font-size:14px;color:#999;margin:10px 0;}
.content{line-height:24px;margin-top:20px;}
.content p{margin-bottom:20px;line-height:30px;}
.content p:last-child{margin-bottom:0;}
.content img{max-width:100%;}
.content a{color:#4caf50;}
.content a:hover{color:#f30;}

.temp-box{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);background:#fff;border-radius:10px;padding:25px 30px;position:relative;}
.ui-order{margin:0;box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);border-radius:10px;background:#fff;padding:30px 40px;position:relative;min-height:565px;}
.prenext{display:flex;flex-wrap:wrap;margin-top:30px;}
.prenext-item{width:50%;}
.prenext-item:nth-child(odd){padding-left:0;padding-right:15px;}
.prenext-item:nth-child(even){padding-left:15px;padding-right:0;}

.ui-ring{position:absolute;top:-5px;right:-5px;width:100px;height:100px;z-index:10;overflow:hidden;}
.ui-ring span{position:absolute;color:#fff;font-size:15px;line-height:40px;background:#FF6300;transform:rotate(45deg);text-align:center;right:-32px;width:130px;top:14px;}
.ui-ring span:before{content:"";position:absolute;top:100%;left:0;width:5px;height:5px;color:#fff;border:3px solid transparent;border-left-color:#d55b0e;border-top-color:#d55b0e;}
.ui-ring span:after{content:"";position:absolute;top:100%;right:0;width:5px;height:5px;color:#fff;border:3px solid transparent;border-right-color:#d55b0e;border-top-color:#d55b0e;}
.ui-ring span a{color:#fff;}
.ui-ring.blue span{background:#1F82FC;}
.ui-ring.blue span:before{border-left-color:#296BEF;border-top-color:#296BEF;}
.ui-ring.blue span:after{border-right-color:#296BEF;border-top-color:#296BEF;}
.ui-ring.green span{background:#46B12C;}
.ui-ring.green span:before{border-left-color:#0A904B;border-top-color:#0A904B;}
.ui-ring.green span:after{border-right-color:#0A904B;border-top-color:#0A904B;}
.ui-ring.gray span{background:#A5A5A5;}
.ui-ring.gray span:before{border-left-color:#797979;border-top-color:#797979;}
.ui-ring.gray span:after{border-right-color:#797979;border-top-color:#797979;}
.ui-ring.small span{width:100px;height:36px;right:-26px;left:auto;top:6px;line-height:34px;font-size:14px;}
.ui-ring.little span{width:80px;height:28px;right:-22px;left:auto;top:4px;line-height:28px;font-size:12px;}
.ui-ring.left{right:auto;left:-6px;}
.ui-ring.left span{transform:rotate(-45deg);right:auto;left:-32px;}
.ui-ring.left.small span{width:100px;height:30px;right:auto;left:-22px;top:12px;line-height:30px;font-size:14px;}
.ui-ring.left.little span{width:80px;height:28px;right:auto;left:-21px;top:4px;line-height:28px;font-size:12px;}

.contact-box{margin: 20px auto;/* padding: 0 20px; */}
.contact-wrap{display: flex;flex-wrap: wrap;margin: 40px 0 20px -2%;}
.contact-item{width:18%;margin: 0 0 2% 2%;}
.info-item{text-align: center;}
.contact-box .info-icon {width: 90px;height: 90px;background: #fff;line-height: 90px;border-radius: 50%;box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);text-align: center;margin-right: 20px;align-items: center;margin: auto;margin-bottom: 20px;}
.info-item {padding:20px;margin-bottom: 30px;background: #fff;box-shadow: 0px 1px 18px 0px rgba(21, 44, 91, 0.1);border-radius: 5px;}
.info-item h2 {font-size:18px;font-weight:400;margin-top: 0;margin-bottom: 15px;color: #283a5e;}
.info-icon i:before {font-size: 40px;color: #07C160;}
.info-text span {color: #666666;font-size: 18px;font-weight: 300; margin-bottom: 10px;display: block;}

/*CMS分页*/
.page {clear: both;margin: 10px 0;text-align: center;}
.page a:hover {color:#26ae61;}
.page-status{border-radius: 4px 0 0 4px;}
.page-last{border-radius: 0 4px 4px 0;}
.page-status,.page-index,.page-pre,.page-num,.page-next,.page-last {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	margin: 0 5px 5px 0;
	background-color: #fff;
	color: #666;
	font-size: 15px;
	border: 1px solid #d9d9d9;
	border-radius:2px;
}
.page .page-num-current{background-color:#26ae61;height:40px;line-height: 40px;border:none;color:#fff;}
.page:hover .page-num-current{background-color:#26ae61;color:#fff;}

.tips { font-size: 16px;font-weight: normal;margin: 30px auto;border: 1px solid #FFD8D1;background: #FFF9F9;color: #FA563A;padding: 12px 20px;text-align: left;border-radius: 4px;}
.tips i {font-size: 24px;margin-right: 15px;color: #FA563A;}

1blockquote,1pre{background: #f5ffe9;border: 1px solid #e6f7d3;padding: 15px 20px;border-radius: 4px;line-height: 1.5;margin: 0;color: #666;position: relative;margin: 20px 0;}

blockquote,pre,.message-body {
    background-color: #effaf5;
    border-color: #dbdbdb;
    border-radius: .375em;
    border-style: solid;
    border-width: 0 0 0 4px;
    color: #4a4a4a;
    padding: 1.25em 1.5em;
}
blockquote,pre,.message-body {border-color:#48c78e;color:#19be6b;}
blockquote p{margin-bottom:0;}

.friendlink{}
.friendlink a{display:inline-block;margin:10px 5px 0 0;border:1px solid #f3f3f3;padding:5px 10px;border-radius:4px;font-size:15px;color:#666;}
.friendlink a:hover{border-color:#4caf50;color:#4caf50;}
.friendlink .subject h4{text-align:left;font-weight: 400;}

.copyright{padding:15px 0;}
.copyright-body{margin:0 auto;color:#4caf50;display:flex;justify-content:space-between;padding:0;}
.copyright-body div,.copyright-body div a{color:#666;}
.copyright-body div a:hover{color:#4caf50;}

.web-footnav{height:64px;display:none;}
.ui-backtop{display:none;}
.ui-sidebar{z-index:10 !important;}